/* 
    Document   : style
    Created on : Mar 10, 2013, 12:55:33 AM
    Author     : duonghung1369
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    margin: 0;
    padding: 0;
    /*    background-color: rgb(17, 99, 99);*/
    background-image: url('../images/background2.jpg');
    font: 13px/1.5 Tahoma, Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
    /*    background-size: 100%;*/
}

p {
    margin: 0;
    padding: 0;
}

@-webkit-keyframes FadeIn {
    0% {
    opacity:0;
}
100% {
    opacity:1;
}
}

.hidden {
    visibility: hidden;
}

.disable {
    display: none !important;
}

.antiqueshop-container{
    width: 100%;
    height: auto;
}

.container {
    width: 80%;    
    margin: 0 10%;
    background-color: aliceblue;
    float: left;
}

#header {
    background-color: #3E4B5C;
    color: black;
}

#navigation{
    display: inline-block;
    background-color: gainsboro;
    width: 100%;
    height: 50px;
}

/*#navigation .main-nav {
    float: left;
    display: block;
    padding: 0;
}*/

#navigation .main-nav a{
    display: inline;
    margin: 5%;    
}

.cart {
    display: block;
    float: right;
    margin: 0 20px 5px 0;
}

#column-left{
    width: 25%;    
    background-color: white;
    float: left;
    color: black;
}

#category ul li, ul li {
    list-style: none;
}

#content{
    width: 75%;   
    background-color: white;
    float: left;
    color: black;
}

#footer{
    height: 100px;
    background-color: rgb(19, 109, 139);
    clear: both;
    text-align: center;
}

.product-block{
    display: block;
    border-style: inset;
    border-width: thin;
    height: 300px;
    background-color: pink;
    text-align: center;
    float: left;
    width: 32%;
    margin-left: 1%;
    overflow: hidden;
    margin-bottom: 1%;
    position: relative;
}

.product-block:hover{
    background-color: whitesmoke;
    z-index: 50;
    border-style: outset;
}

.product-block:hover .add-to-cart {
    visibility: visible;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.2);
    /*    margin-top: 0;*/
    text-decoration: none;
    color: whitesmoke;
    /*    height: 11%;*/
    -webkit-animation-name: FadeIn;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 1s;
}

.product-block > div {
    /*    margin: 5% 0 5% 0;*/
    width: 100%;
    height: 15%;
    margin-bottom: 5%;
}

.product-block > a {
    margin-top: 5%;
}

.add-to-cart a {
    background-image: url('../images/addcart.png');
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
}

.product-block .product-block-image img{
    height: 150px;
    width: 150px;
}

.product-block .product-block-information {
    background: rgba(0, 0, 0, 0.5);
    position: relative;
    color:#f3f3f3;
    /*    bottom: 5%;*/
    visibility: hidden;
    display: block;
    text-decoration: none;
    -webkit-animation-name: FadeIn;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.4s;
}

.product-block:hover .product-block-information{
    visibility: visible;
    display: block;
}

.product-list-table td{
    width: 33%;
}

#login-logout a {
    text-decoration: none;
    margin-right: 20px;
}

#login-logout > a{
    margin-right: 0;
}

#login-logout a:hover{
    text-decoration: underline;
}

.search-product {
    float: right;
    display: block;
}

.search-product input {
    display: inline-block;
}
.productDetails{
    display: block;
    border-style: inset;
    border-width: thin;
    width: 100%;
    background-color: pink;
    overflow: hidden;
}
.productImage
{
    width: 50%;
    height: 100%;
    text-align: center;
    float: left;
    padding-bottom: 1000px;
    margin-bottom: -1000px;
}
.productInformation{
    float: left;
    width: 50%;
    height: 100%;
    background-color: darkkhaki;
    padding-bottom: 1000px;
    margin-bottom: -1000px;
    /*    text-align: center;*/
}

.confirmation-message {
    display: block;
    background-color: aquamarine;
    margin: 5%;
}

.order-summary {
    display: block;
    margin-top: 5%;
    margin-left: 5%;
}

.p{
    text-align: center;
    color: brown;
    font-size: 30px;
    background-color: gainsboro;
}

.view-cart-table thead{
    background-color: #8f8f8f;
}

.view-cart-table .row-odd, .row-even{
    background-color: #f6f6f6;
}

.view-cart-table .delete-item{
    background-image: url('../images/btn_delete.png');
    background-repeat: no-repeat;
    display: block !important;
    width: 50px !important;
    height: 50px !important;
    background-size: cover;
}

.view-cart-table .continue-shopping, .check-out{
/*    background-image: url('../images/btn_delete.png');*/
    background-repeat: no-repeat;
    display: block !important;
    width: 150px;
    height: 50px;
}

.view-cart-table .continue-shopping{
    background-image: url('../images/continue_shopping.png');
}

.view-cart-table .check-out{
    background-image: url('../images/check_out.png');
}